<template>
    <div class="authority">
        <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column type="index" label="#">
            </el-table-column>
            <el-table-column prop="authName" label="权限名称">
            </el-table-column>
            <el-table-column prop="path" label="路径">
            </el-table-column>
            <el-table-column prop="level" label="权限等级">
                <template slot-scope="scope">
                    <el-tag v-if="scope.row.level == '0' ? true : false">一级</el-tag>
                    <el-tag v-if="scope.row.level == '1' ? true : false" type="success">二级</el-tag>
                    <el-tag v-if="scope.row.level == '2' ? true : false" type="warning">三级</el-tag>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
import { getrightslist } from '../../utlis/api/roles/rolesapi'
export default {
    data() {
        return {
            tableData: []
        }
    },
    methods: {
        getrightList() {
            getrightslist().then((res) => {
                console.log(res);
                this.tableData = res.data.data
            })
        }
    },
    created() {
        this.getrightList()
    }
}
</script>
<style lang="scss" scoped>

</style>